<!DOCTYPE html>
<html>

<!-- Mirrored from www.zi-han.net/theme/hplus/form_basic.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:15 GMT -->

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>H+ 后台主题UI框架 - 基本表单</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" href="css/labelauty.css"/>
</head>
<style type="text/css">
    .control-label-text-align-left{
        padding-top: 7px;
        margin-bottom: 0;
        text-align: left;
        padding-left: 82px;
    }
</style>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="tabs-container">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a data-toggle="tab" href="#tab-1" aria-expanded="true"> 试卷参数</a>
                    </li>
                    <li class="">
                        <a data-toggle="tab" href="#tab-2" aria-expanded="false">试题参数</a>
                    </li>
                    <li class="">
                        <a data-toggle="tab" href="#tab-3" aria-expanded="false">系统参数</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div id="tab-1" class="tab-pane active">
                        <div class="panel-body">
                            <div class="col-md-6">
                                <form class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label text-success">问答题：</label>
                                        <div class="col-sm-6">
                                            <div class="input-group">
                                                  <span class="input-group-addon btn btn-primary" onclick="minus()">
                                                      <i class="glyphicon glyphicon-minus" ></i>
                                                  </span>
                                                <input type="text" id="numb" class="form-control text-center" value="3" disabled>
                                                <span class="input-group-addon btn btn-primary" onclick="add()">
                                                      <i class="glyphicon glyphicon-plus"></i>
                                                  </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="wendati">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">第一题：</label>
                                            <div class="col-sm-6">
                                                <select class="form-control">
                                                    <option>腧穴题</option>
                                                    <option>问答题</option>
                                                    <option>问答题</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">第二题：</label>
                                            <div class="col-sm-6">
                                                <select class="form-control">
                                                    <option>腧穴题</option>
                                                    <option>问答题</option>
                                                    <option>问答题</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">第三题：</label>
                                            <div class="col-sm-6">
                                                <select class="form-control">
                                                    <option>腧穴题</option>
                                                    <option>问答题</option>
                                                    <option>问答题</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <div class="col-sm-6 col-sm-offset-3">
                                            <button class="btn btn-primary" type="submit"><i
                                                    class="glyphicon glyphicon-floppy-saved"></i>&nbsp;保存内容
                                            </button>
                                            <button class="btn btn-white" type="submit">取消</button>
                                        </div>
                                    </div>

                                </form>
                            </div>
                            <div class="col-md-6">
                                <form class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label text-success">常规化：</label>
                                        <div class="col-sm-6">
                                            <div class="input-group">
                                                  <span class="input-group-addon btn btn-primary" onclick="minus1()">
                                                      <i class="glyphicon glyphicon-minus" ></i>
                                                  </span>
                                                <input type="text" id="numb1" class="form-control text-center" value="3" disabled>
                                                <span class="input-group-addon btn btn-primary" onclick="add1()">
                                                      <i class="glyphicon glyphicon-plus"></i>
                                                  </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="changguihua">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">第一题：</label>
                                            <div class="col-sm-4">
                                                <select class="form-control">
                                                    <option>腧穴题</option>
                                                    <option>单项手法</option>
                                                    <option>成套手法</option>
                                                </select>
                                            </div>
                                            <label class="col-sm-2 control-label">数量：</label>
                                            <div class="col-sm-3">
                                                <input type="number" class="form-control" placeholder="数量" value="5">
                                            </div>

                                        </div>


                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">第二题：</label>
                                            <div class="col-sm-4">
                                                <select class="form-control">
                                                    <option>单项手法</option>
                                                    <option>腧穴题</option>
                                                    <option>成套手法</option>
                                                </select>
                                            </div>
                                            <label class="col-sm-2 control-label">数量：</label>
                                            <div class="col-sm-3">
                                                <input type="number" class="form-control" placeholder="数量" value="4">
                                            </div>

                                        </div>

                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">第三题：</label>
                                            <div class="col-sm-4">
                                                <select class="form-control">
                                                    <option>成套手法</option>
                                                    <option>腧穴题</option>
                                                    <option>单项手法</option>
                                                </select>
                                            </div>
                                            <label class="col-sm-2 control-label">数量：</label>
                                            <div class="col-sm-3">
                                                <input type="number" class="form-control" placeholder="数量" value="1">
                                            </div>

                                        </div>

                                    </div>


                                    <div class="form-group">
                                        <div class="col-sm-6 col-sm-offset-3">
                                            <button class="btn btn-primary" type="submit"><i
                                                    class="glyphicon glyphicon-floppy-saved"></i>&nbsp;保存内容
                                            </button>
                                            <button class="btn btn-white" type="submit">取消</button>
                                        </div>
                                    </div>

                                </form>
                            </div>
                        </div>
                    </div>
                    <!-------------------------------------试题参数------------------------------------------->
                    <div id="tab-2" class="tab-pane">
                        <div class="panel-body">

                            <form class="form-horizontal">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group" style="color: #1c84c6">
                                            <label  class="col-sm-10 control-label-text-align-left"><span style="font-size: 20px">穴位定位</span>-成人穴位</label>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label-text-align-left">部位分数不得大于：</label>
                                            <div class="col-sm-6">
                                                <input type="number" name="" class="form-control" placeholder="请输入分数上限值......">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label-text-align-left">归经分数不得大于：</label>
                                            <div class="col-sm-6">
                                                <input type="number" name="" class="form-control" placeholder="请输入分数上限值......">

                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label-text-align-left">定位分数不得大于：</label>
                                            <div class="col-sm-6">
                                                <input type="number" name="" class="form-control" placeholder="请输入分数上限值......">

                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label-text-align-left">总分分数不得大于：</label>
                                            <div class="col-sm-6">
                                                <input type="number" name="" class="form-control" placeholder="请输入分数上限值......">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group" style="color: #1c84c6">
                                            <label class="col-sm-10 control-label-text-align-left"><span style="font-size: 20px">穴位定位</span>-儿科穴位</label>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label-text-align-left">部位分数不得大于：</label>
                                            <div class="col-sm-6">
                                                <input type="number" name="" class="form-control" placeholder="请输入分数上限值......">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label-text-align-left">具体部位分数不得大于：</label>
                                            <div class="col-sm-6">
                                                <input type="number" name="" class="form-control" placeholder="请输入分数上限值......">

                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label-text-align-left">定位分数不得大于：</label>
                                            <div class="col-sm-6">
                                                <input type="number" name="" class="form-control" placeholder="请输入分数上限值......">

                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label-text-align-left">总分分数不得大于：</label>
                                            <div class="col-sm-6">
                                                <input type="number" name="" class="form-control" placeholder="请输入分数上限值......">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group" style="color: #1c84c6">
                                            <label class="col-sm-10 control-label-text-align-left"><span style="font-size: 20px">单项手法</span>-成人、儿科、触诊</label>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label-text-align-left">答案分数不得大于：</label>
                                            <div class="col-sm-6">
                                                <input type="number" name="" class="form-control" placeholder="请输入分数上限值......">

                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label-text-align-left">总分分数不得大于：</label>
                                            <div class="col-sm-6">
                                                <input type="number" name="" class="form-control" placeholder="请输入分数上限值......">

                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group" style="color: #1c84c6">
                                            <label class="col-sm-10 control-label-text-align-left" ><span style="font-size: 20px">成套手法</span>-伤科、妇科、儿科、内科</label>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label-text-align-left">答案分数不得大于：</label>
                                            <div class="col-sm-6">
                                                <input type="number" name="" class="form-control" placeholder="请输入分数上限值......">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label-text-align-left">总分分数不得大于：</label>
                                            <div class="col-sm-6">
                                                <input type="number" name="" class="form-control" placeholder="请输入分数上限值......">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6" >
                                        <div class="form-group"style="color: #1c84c6">
                                            <label class="col-sm-10 control-label-text-align-left"><span style="font-size: 20px">问答题</span>-腧穴题</label>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label-text-align-left">定位分数不得大于：</label>
                                            <div class="col-sm-6">
                                                <input type="number" name="" class="form-control" placeholder="请输入分数上限值......">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label-text-align-left">归经分数不得大于：</label>
                                            <div class="col-sm-6">
                                                <input type="number" name="" class="form-control" placeholder="请输入分数上限值......">

                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label-text-align-left">主治分数不得大于：</label>
                                            <div class="col-sm-6">
                                                <input type="number" name="" class="form-control" placeholder="请输入分数上限值......">

                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label-text-align-left">总分分数不得大于：</label>
                                            <div class="col-sm-6">
                                                <input type="number" name="" class="form-control" placeholder="请输入分数上限值......">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group" style="color: #1c84c6">
                                            <label class="col-sm-10 control-label-text-align-left"><span style="font-size: 20px">问答题</span>-伤科、妇科、儿科、内科、触诊</label>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label-text-align-left">答案分数不得大于：</label>
                                            <div class="col-sm-6">
                                                <input type="number" name="" class="form-control" placeholder="请输入分数上限值......">

                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label-text-align-left">总分分数不得大于：</label>
                                            <div class="col-sm-6">
                                                <input type="number" name="" class="form-control" placeholder="请输入分数上限值......">

                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-12 col-sm-offset-5">
                                        <button class="btn btn-primary" type="submit"><i
                                                class="glyphicon glyphicon-floppy-saved"></i>&nbsp;保存内容
                                        </button>
                                        <button class="btn btn-white" type="submit">取消</button>
                                    </div>
                                </div>
                            </form>

                        </div>
                    </div>
                    <!-------------------------------------试题参数------------------------------------------->
                    <div id="tab-3" class="tab-pane">
                        <div class="panel-body">
                            <div class="col-md-6">
                                <form class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">网站名称：</label>
                                        <div class="col-sm-8">
                                            <input type="number" name="" class="form-control" placeholder="命题系统">

                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">备案号：</label>
                                        <div class="col-sm-8">
                                            <input type="number" name="" class="form-control" placeholder="121321">

                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">底部版权信息：</label>
                                        <div class="col-sm-8">
                                            <input type="number" name="" class="form-control" placeholder="@right 2017">

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="col-sm-6 col-sm-offset-3">
                                            <button class="btn btn-primary" type="submit"><i
                                                    class="glyphicon glyphicon-floppy-saved"></i>&nbsp;保存内容
                                            </button>
                                            <button class="btn btn-white" type="submit">取消</button>
                                        </div>
                                    </div>

                                </form>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="col-md-6">

        </div>

    </div>
</div>
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>
<script src="js/content.min.js?v=1.0.0"></script>
<script src="js/template.js"></script>
<script type="text/javascript" src="js/labelauty.js"></script>
<script src="js/plugins/layer/layer.js"></script>
<script>
    $(document).ready(function () {

        //参数{input类名，选择类型(单选or多选)}

        $(".rdolist").labelauty("rdolist", "rdo");

    });

    //添加选项
    function add(){
        var numb = $("#numb").val();
        var num = $("#wendati").children('.form-group').length;
        if(num >= 5){
            layer.alert('最多添加五题', {
                skin: 'layui-layer-molv'
                ,closeBtn: 0
            });
            return;
        }
        var numb = $("#numb").val();
        $("#numb").val(parseInt(numb)+1);
        data= {
            num:num_formart(num+1)
        }
        var html = template('wenda',data);
        $("#wendati").append(html);
    }

    //移除选项
    function minus(){
        var num = $("#wendati").children('.form-group').length;
        if(num <= 3){
            layer.alert('最少为三题', {
                skin: 'layui-layer-molv'
                ,closeBtn: 0
            });
            return;
        }
        var numb = $("#numb").val();
        $("#numb").val(parseInt(numb)-1);
        $("#wendati").children(".form-group:last-child").remove();
    }

    //添加选项
    function add1(){

        var num1 = $("#changguihua").children('.form-group').length;
        if(num1 >= 5){
            layer.alert('最多添加五题', {
                skin: 'layui-layer-molv'
                ,closeBtn: 0
            });
            return;
        }
        var numb1 = $("#numb1").val();
        $("#numb1").val(parseInt(numb1)+1);
        data= {
            num:num_formart(num1+1)
        }
        var html = template('changguihuati',data);
        $("#changguihua").append(html);
    }

    //移除选项
    function minus1(){
        var num = $("#changguihua").children('.form-group').length;
        if(num <= 3){
            layer.alert('最少为三题', {
                skin: 'layui-layer-molv'
                ,closeBtn: 0
            });
            return;
        }
        var numb1 = $("#numb1").val();
        $("#numb1").val(parseInt(numb1)-1);
        $("#changguihua").children(".form-group:last-child").remove();
    }
    
    
    function num_formart(num) {
        if(1 == num||"1" == num){
            return "一"
        }
        if(2 == num||"2" == num){
            return "二"
        }
        if(3 == num||"3" == num){
            return "三"
        }
        if(4 == num||"4" == num){
            return "四"
        }
        if(5 == num||"5" == num){
            return "五"
        }
    }
</script>
<script id="wenda" type="text/html">
    <div class="form-group">
        <label class="col-sm-3 control-label">第{{num}}题：</label>
        <div class="col-sm-6">
            <select class="form-control">
                <option>腧穴题</option>
                <option>问答题</option>
                <option>问答题</option>
            </select>
        </div>
    </div>
</script>
<script id="changguihuati" type="text/html">
    <div class="form-group">
        <label class="col-sm-3 control-label">第{{num}}题：</label>
        <div class="col-sm-4">
            <select class="form-control">
                <option>腧穴题</option>
                <option>单项手法</option>
                <option>成套手法</option>
            </select>
        </div>
        <label class="col-sm-2 control-label">数量：</label>
        <div class="col-sm-3">
            <input type="number" class="form-control" placeholder="数量" value="5">
        </div>

    </div>
</script>

</body>

<!-- Mirrored from www.zi-han.net/theme/hplus/form_basic.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:15 GMT -->

</html>